<div class="brands">
  <div class="container">
    <div class="row">
      <div class="bxslider-wrapper">
        <ul class="bxslider" data-slides-phone="1" data-slides-tablet="3" data-slides-desktop="6" data-slide-margin="15">
          <li><a href="product-list.html"><img src="assets/temp/brands/canon.jpg" alt="canon" title="canon"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/esprit.jpg" alt="esprit" title="esprit"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/gap.jpg" alt="gap" title="gap"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/next.jpg" alt="next" title="next"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/puma.jpg" alt="puma" title="puma"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/zara.jpg" alt="zara" title="zara"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/canon.jpg" alt="canon" title="canon"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/esprit.jpg" alt="esprit" title="esprit"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/gap.jpg" alt="gap" title="gap"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/next.jpg" alt="next" title="next"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/puma.jpg" alt="puma" title="puma"></a></li>
          <li><a href="product-list.html"><img src="assets/temp/brands/zara.jpg" alt="zara" title="zara"></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>